import { LocaleSwitcher } from '@components/LocaleSwitcher/LocaleSwitcher';
import { IntlayerProvider } from '@providers/IntlayerProvider';
import { getHTMLTextDir, getIntlayer } from 'intlayer';
import type { Metadata } from 'next';
import localFont from 'next/font/local';
import type { LocalPromiseParams, NextLayoutIntlayer } from 'next-intlayer';
export { generateStaticParams } from 'next-intlayer';
const geistSans = localFont({
src: '../fonts/GeistVF.woff',
variable: '--font-geist-sans',
weight: '100 900',
});
const geistMono = localFont({
src: '../fonts/GeistMonoVF.woff',
variable: '--font-geist-mono',
weight: '100 900',
});
export const generateMetadata = async ({
params,
}: LocalPromiseParams): Promise<Metadata> => {
const { locale } = await params;
const metadata = getIntlayer('page-metadata', locale);
return metadata;
};
export const dynamic = 'force-static';
const LocaleLayout: NextLayoutIntlayer = async ({ children, params }) => {
const { locale } = await params;
return (
<html lang={locale} dir={getHTMLTextDir(locale)}>
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<IntlayerProvider locale={locale}>
<header className="fixed top-5 flex w-full justify-end px-10">
<LocaleSwitcher />
</header>
{children}
</IntlayerProvider>
</body>
</html>
);
};
export default LocaleLayout;
